<template>
  <div class="hello">
    <img src="../assets/succ.png" alt="" class="pic">
    <div class="btitle">提交成功</div>
    <div class="stitle">
        您的信息我们已经提交审核<br>
        请耐心等候通知
    </div>
    <div class="back-btn" @click="backPreviousPage">返回活动详情</div>
  </div>
</template>

<script>
export default {
  name: 'SuccessPage',
  methods: {
    /**
     * 返回详情
     */
    backPreviousPage () {
      this.$router.replace({
        path: '/',
        query: this.$route.query
      })
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.hello {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    .pic {
        width: 63px;
    }
    .btitle {
      font-size: 18px;
      color: #000000;
      margin-top: 27px;
      margin-bottom: 12px;
    }
    .stitle {
      font-size: 12px;
      color: #999999;
      text-align: center;
      margin-bottom: 50px;
    }
    .back-btn {
      padding: 10px 35px;
      font-size: 15px;
      color: #fff;
      background: #2362FB;
      border-radius: 20px;
    }
}
</style>
